<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<link href="../../resources/css/cf-all.css" rel="stylesheet" type="text/css" />
<script src="../../$$.js"></script>
<script src="../../prototype/Object.js"></script>
<script src="../../prototype/Array.js"></script>
<script src="../../prototype/String.js"></script>
<script src="../../prototype/Function.js"></script>
<script src="../../Class.js"></script>
<script src="../../Component.js"></script>
<script src="../../util/Task.js"></script>
<script src="../../util/Thread.js"></script>
<script src="../../DomHelper.js"></script>
<script src="../../Element.js"></script>
<script src="../../Ajax.js"></script>
<script src="../../Ajax/Connection.js"></script>
<script src="../../dd/Drag.js"></script>
<script src="../../Box.js"></script>
<script src="../../form/Field.js"></script>
<script src="../../form/HiddenField.js"></script>
<script src="../../form/TextField.js"></script>
<style>
</style>
<script>
$$.ready(function(){
	var hiddenField = new $$.form.HiddenField({
		name: 'id'
	});
	var textField = new $$.form.TextField({
		name: 'email'
		,label: 'Email1'
	});
	var textField2 = new $$.form.TextField({
		name: 'email2'
		,label: 'Email2'
	});
	var textField3 = new $$.form.TextField({
		name: 'email3'
		,label: 'Email3'
	});
	textField.setValue('abc');
	var box = new $$.Box({
		renderTo: '#box'
		,items: [textField, textField2, textField3]
	});
	/*var box = new $$.Box({
		width: 100
		,autoEl: {
			html: 'abc'
		}
		,renderTo: '#box'
	});
	box.add(
		new $$.Box({
			autoEl: {
				id: 'sssss'
				,html: 'def'
			}
		})
	);*/
});
</script>
</head>
<body>
<div id="box"></div>
</body>
</html>